<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="apple-mobile-web-app-title" content="天天来收租" />
  <meta name="format-detection" content="telphone=no, email=no" />
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="HandheldFriendly" content="true" />
  <meta name="MobileOptimized" content="320" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta name="screen-orientation" content="portrait" />
  <meta name="browsermode" content="application" />
  <meta name="full-screen" content="yes" />
  <meta name="x5-orientation" content="portrait" />
  <meta name="x5-fullscreen" content="true" />
  <meta name="x5-page-mode" content="app" />
  <title>廉租房房间-天天来收租</title>
  <link rel="stylesheet" type="text/css" href="../css/public.css" />
  <link rel="stylesheet" type="text/css" href="../css/low_Ent_ousing_home.css" />
  <link rel="stylesheet" type="text/css" href="../css/guide.css" />
</head>

<body>
  <div class="zone">
    <div class="top">
      <img class="top_img" id="top_img" src="http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/jiantou.png"
        alt="" />
      <div class="title" id="title_name">廉租房-001</div>
      <div class="wuye" id="wuye"></div>
    </div>
    <div class="zone_body" id="zone_body">
      <!-- 上方的领取，以及公告 -->
      <div id="top_height">
        <div class="activity_top" id="activity_top">
          <p class="tops">QQ群礼包</p>
          <div class="top_title">
            <p>QQ 群礼包：加入QQ群索取激活码，领取以下奖励！</p>
            <p>说明1：官方的重要信息会第一时间通过Q群发布</p>
            <p>说明2：加入官方QQ群号：<span id="qqqun"></span> 获取激活码</p>
          </div>
          <div class="bottom_qun">
            <span>加群奖励:</span>
            <img class="xinfeng" id="xinfeng"
              src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/jieshaoxin1.png" alt="" />
            <img class="xinfeng" id="xinfeng2"
              src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/jieshaoxin2.png" alt="" />
          </div>
          <!-- !一件加群 -->
          <div id="yijianqqqun" class="lingqu">
            <p><a target="_blank"
                href="https://qm.qq.com/cgi-bin/qm/qr?k=FHXAlnNijJ44gqsI5DYSx-P4ovNywGit&jump_from=webapi&authKey=JlqzToayiGf8sGyjj1b4iu4kaiXJJAp7YGG1pLHsh4X09oQvKp3LH/qeaWNnnIFj">一键加群</a>
            </p>
          </div>
          <div class="ruzhu">
            <p>入住<span id="ruzhu_top"> 4/14</span></p>
          </div>

          <div class="lingqu2" id="lingqu2">
            <p>立即兑换</p>
          </div>
        </div>
        <!-- 这是没有提示 -->
        <div id="activity_bottom" class="activity_Tong">
          <div class="left">
            <img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/laba.png" alt="" />
            <div class="tongzhi" id="tongzhi">
              <p class="tishi_p" id="tishi_p">
                本楼群号：<span>5522</span>动动的赶动的赶动的赶动的赶紧把cd活的动的赶紧把cd活的动的赶紧把cd活cd
              </p>
            </div>
          </div>
          <div class="right" id="right_btn">
            <p>更改公告</p>
          </div>
        </div>
      </div>
      <!-- 下面的房间 -->
      <div class="bot_home" id="bot_home">
        <div class="zhao" id="zhaocm">
          <img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/zhaocaimao.png" class="zhaocaimao" alt="" />
          <p class="zhaocai">招财进宝</p>
        </div>
        <ul id="bot_home_li">
          <!-- <li class="home_list">
            <div class="top_left"></div>
          </li>
          <li class="home_list"></li>
          <li class="home_list"></li>
          <li class="home_list"></li> -->
          <!-- <li id="home_my" class="home_lists"> -->
          <!-- <div class="top_bg">
              <div class="lzl_img_left">
                <div class="lzl_img"><img src="http://img.qxgs.cc/tiantianlaishouzu/img/my/tx1.png" alt=""></div>
                <div class="lzl_cen">
                  <p>王单价服从大局撒打算</p>
                  <p>ID: <span>666</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>身份：</span><span>房东</span></p>
                </div>
              </div>
              <div class="lzl_left">
                <p>2小时前离线</p>
                <div class="lzl_right_1">
                  <img src="http://img.qxgs.cc/tiantianlaishouzu/img/yuanshi/MG_NL.png" alt="">
                  <span>999/小时</span>
                </div>
              </div>
            </div>
            <div class="lzl_qifu">
              <p>个人豪华值：<span>1280</span></p>
              <p>团队豪华值：<span>5421</span></p>
              <div class="lzl_qf">
                <span>今日：</span>
                <img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/bianliqian.png" alt=""><span>x2</span>
              </div>
              <div class="lzl_qf">
                <span>累计：</span>
                <img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/bianliqian.png" alt=""><span>x2</span>
              </div>
            </div> -->
          <!-- <div class="top_left">
                <p>
                  到期时间：<span class="time1">1天23:21:12</span>
                  <span class="xuzu">续租</span>
                </p>
                <p>房东：<span>夏天的风</span><b>在线</b></p>
                <p>个人豪华值：<span>9999</span></p>
                <p>团队豪华值：<span>9999</span></p>
              </div>
              <div class="top_right">
                <div class="top_t">
                  <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/yinbi.png" alt="" /><span
                    >999/小时</span
                  >
                </div>
                <p>入住:<span>3/10</span></p>
              </div>
              <div class="li_btn">装修</div>
              <div class="bottom_right">
                <div class="jin">
                  <img
                    src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/jinzhi.png"
                    class="jinzhi"
                    alt=""
                  />
                  <p>禁止续租</p>
                </div>
                <div style="display: none" class="jin">
                  <img
                    src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/jinzhi.png"
                    class="jinzhi"
                    alt=""
                  />
                  <p>设置</p>
                </div>
                <div class="daoju">
                  <div class="lin_ju">
                    <span>今日:</span
                    ><img
                      src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/bianliqian.png"
                      alt=""
                    /><span>x2</span>
                  </div>
                  <div class="lin_ju">
                    <span>今日:</span
                    ><img
                      src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/bianliqian.png"
                      alt=""
                    /><span>x2</span>
                  </div>
                </div>
              </div> -->
          <!-- </li> -->
        </ul>
        <div class="tishi">暂无租客入住</div>
      </div>
    </div>
  </div>
  <!-- !当房东对租客进行操作时-->
  <div class="modal modal-operate" id="modal-operate">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="ti_tou">
        <span>职位变更</span>
        <img id="chahao2" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
      </div>
      <div class="ti_bot">
        <div class="neibu">
          <div class="left">
            <img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/gouxuan.png" id="guanjiaDui"
              class="gouxuan" alt="" />
            <div class="img" id="guanjiaId">
              <img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/guanjia1.png" alt="" />
            </div>
            <div class="title_name" id="title_guan">管家(0/1)</div>
          </div>
          <div style="display: none;" class="left">
            <img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/gouxuan.png" id="guanjiaZuke"
              class="gouxuan" alt="" />
            <div class="img" id="zukeBtn">
              <img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/zuke.png" alt="" />
            </div>
            <div class="title_name" id="zuke">租客(0/1)</div>
          </div>
          <div class="left" id="renewal">
            <div class="img" id="jinImg">
              <img class="jinzhi_img" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/jinzhi.png" alt="" />
            </div>
            <div class="title_name">禁止续租</div>
            <div class="dwts" id="dwts">
              <!-- <p>清退倒计时</p>
                <p>12:05:06</p> -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- !点击禁止按钮后的弹窗,弹出是否确认禁用 -->
  <div class="modal modal-prohibit" id="modal-prohibit">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="ti_tou">
        <span>职位变更</span>
        <img id="chahao4" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
      </div>
      <div class="ti_bot">
        <div class="neibu">
          <p id="zh_name">确定要禁止某某某续约吗？</p>
          <p>禁止续约后玩家会在24：00：00之后自动退出</p>
          <div class="btn">
            <div class="left" id="quxiao4">取消</div>
            <div class="right" id="queren4">确认</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- !点击禁止按钮后的弹窗,弹出房东是否确认退租 -->
  <div class="modal modal-fangguan" id="modal-fangguan">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="ti_tou">
        <span>退租确认</span>
        <img id="fgcha" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
      </div>
      <div class="ti_bot">
        <div class="neibu">
          <p>确定要退租本房间吗？</p>
          <p>确定之后将于次日凌晨后自动退出</p>
          <div class="btn">
            <div class="left" id="fgtui">取消</div>
            <div class="right" id="fgtuique">确认</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- !点击退租 -->
  <div class="modal modal-tuizu" id="modal-tuizu">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="ti_tou">
        <span>退出房间</span>
        <img id="chahao5" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
      </div>
      <div class="ti_bot">
        <div class="neibu">
          <p>确定要退出本房间,选择其他房间重新租住吗?</p>
          <div class="btn">
            <div class="left" id="quxiao2">取消</div>
            <div class="right" id="qunren2">确认</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- !被禁租提示 -->
  <div class="modal modal-leasing" id="modal-leasing">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="ti_tou">
        <span>提醒</span>
        <img id="chahao6" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
      </div>
      <div class="ti_bot">
        <div class="neibu">
          <div id="neibu_Dong">
            <p id="zhongzhi">你已经被终止续租</p>
            <p id="daojishi">会在00：00：00之后自动退出</p>
          </div>
          <div class="btn">
            <div class="left" id="queren5">确定</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 点击右上角问号弹出提示 -->
  <div class="modal modal-xinfeng" id="modal-xinfeng">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="zhunei">
        <div class="nei_jie">
          <div class="nei_son">
            <div class="jie_img">
              <img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/xingfu.png" alt="" />
              <div class="bot_img">
                <p class="tit_top">介绍信</p>
                <p class="tit_bot">类型：租凭道具</p>
              </div>
            </div>
            <!-- 下方介绍 -->
            <div class="jieshao">
              <p>作用：租住房间</p>
              <p>可用来当做一天的世纪城房间租金使用。</p>
            </div>
            <!-- 下方两个按钮 -->
            <div class="btn">
              <div class="left" id="laiyuan_left">来源</div>
              <div class="right" id="shiyongDui">前往</div>
            </div>
          </div>
        </div>
        <img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/x.png" class="cha" id="cha" alt="" />
      </div>
    </div>
  </div>
  <!-- 点击了立即领取弹出兑换码 -->
  <div class="modal modal-code" id="modal-code">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="zhunei">
        <div class="nei_jie">
          <div class="nei_son">
            <p class="duihuan">兑换框</p>
            <input type="text" class="inp" name="" id="inp" />
            <p class="yuehuan_tit">点击兑换框输入兑换码</p>
            <div class="quren_btn" id="quren_btn">确认</div>
          </div>
        </div>
        <img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/x.png" class="cha" id="cha2" alt="" />
      </div>
    </div>
  </div>
  <!--! 房东点击更换公告 -->
  <div class="modal modal-textarn" id="modal-textarn">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="zhunei">
        <div class="nei_jie">
          <div class="nei_son">
            <p class="duihuan">请输入公告(最多不超过50字)</p>
            <textarea name="" id="textarns" class="textarns" maxlength="50"></textarea>
            <div class="quren_btn" id="quren_btn2">确认</div>
          </div>
        </div>
        <img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/x.png" class="cha" id="cha3" alt="" />
      </div>
    </div>
  </div>
  <!-- 租凭房产 -->
  <div class="modal modal-estate" id="modal-estate">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="body_box">
        <div class="box_top">
          <p>租凭房产</p>
          <img class="img" id="clare1" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
        </div>
        <div class="box_bottom">
          <div class="bujin">
            <div class="bujin_img">
              <img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/chengshi.png" alt="" />
              <div class="bot_tit">
                <p>世纪城：1103</p>
              </div>
            </div>
            <!-- 租凭天数 -->
            <div class="tianshu">租凭天数</div>
            <!-- 下面的步进器 -->
            <div class="bujinqi">
              <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jian.png" id="left_jian" class="left" alt="" />
              <div id="center_num" class="center">1</div>
              <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jia.png" id="left_jia" alt="" class="right" />
            </div>
            <!-- 租金金币 -->
            <div class="tianshu">租金：10金币/天</div>
          </div>
          <!-- 下方按钮 -->
          <div class="btn_bot">
            <span class="zupin">租凭</span><img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png"
              alt="" /><span>50</span>
          </div>
          <!-- 下方的提示 -->
          <div class="btn_tishi">
            <p>①温馨提示</p>
            <p>租赁时间不足24小时，系统会提醒是否续租</p>
            <p>租金不会退还，租赁成功当成楼主就可以招人收租</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 续租房产 -->
  <div class="modal modal-lease" id="modal-lease">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="body_box">
        <div class="box_top">
          <p>续租房产</p>
          <img class="img" id="clare2" src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/clare.png" alt="" />
        </div>
        <div class="box_bottom">
          <div class="bujin">
            <!-- <div class="fcsj">租赁产权剩余时间不足24小时</div> -->
            <div class="bujin_img">
              <img src="http://img.qxgs.cc/tiantianlaishouzu/img/low_Ent_ousing/chengshi.png" alt="" />
              <div class="bot_tit">
                <p id="chengName">世纪城：1103</p>
              </div>
            </div>
            <!-- 租凭天数 -->
            <div class="tianshu">续租天数：</div>
            <!-- 下面的步进器 -->
            <div class="bujinqi">
              <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jian.png" id="left_jian2" class="left" alt="" />
              <div id="center_num2" class="center">1</div>
              <img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jia.png" id="left_jia2" alt="" class="right" />
            </div>
            <!-- 租金金币 -->
            <div class="tianshu" id="xuzuMoney">租金：10金币/天</div>

          </div>
          <!-- 下方按钮 -->
          <div class="tianshu2" id="">提示：天数为自然天，24点为结算时间</div>
          <div class="btn_bot" id="zupin2">
            <span class="zupin">租凭</span><img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png"
              alt="" /><span id="zongNum">50</span>
          </div>
          <!-- 下方的提示 -->
          <!-- <div class="btn_tishi">
              <p>①温馨提示</p>
              <p>租赁时间不足24小时，系统会提醒是否续租</p>
              <p>租金不会退还，租赁成功当成楼主就可以招人收租</p>
            </div> -->
        </div>
      </div>
    </div>
  </div>

  <!-- 刘欣 新手引导 2023-6-20 22:46:59 -->
  <div class="modal modal-guide" id="modal-guide">
    <div class="modal-mask"></div>
  </div>
  <img class="point" id="guide-point" src="http://img.qxgs.cc/tiantianlaishouzu/img/home/guide-point.png" alt="">
  <!-- 刘欣 引导查看弹框 -->
  <div class="modal modal-guide-view" id="modal-guide-view">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <img src="http://img.qxgs.cc/tiantianlaishouzu/img/comic/renwu.png" alt="">
      <div class="view-content">
        <p id="guide-view-text">默认的提示内容，请更新后再弹出</p>
        <button id="guide-view-btn">确定</button>
      </div>
    </div>
  </div>
  <script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/low_Ent_ousing_home.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/guide.js" type="text/javascript"></script>
</body>

</html>